<template>
  <div>
    <titleHaed :Crumbs="Crumbs"></titleHaed>
    <div class="billBox">
      <div class="bill">
        <frame1>
          <div slot="title">系统设置</div>
          <div slot="content">
            <el-tabs v-model="activeName" type="card" >
              <el-tab-pane label="月结账单" name="1">
                  <monthTab/>
              </el-tab-pane>
              <el-tab-pane label="历史账单" name="2">
                    <history1/>
              </el-tab-pane>
              <el-tab-pane label="待退款账单" name="3"> 
                <peedingt-refund-table
                  @SizeChange="peedingSizeChange"
                  @CurrentChange="peedingCurrentChange"
                  @see="peedingSee"
                />
              </el-tab-pane>
            </el-tabs>
          </div>
        </frame1>
      </div>
    </div>
  </div>
</template>
<script>
import titleHaed from "@/views/title";
import frame1 from "@/components/frame";
import history1 from "./children/history/historyTable"
import peedingtRefundTable from "./children/peeding/peedingtRefundTable";
import monthTab from "./children/month/monthTab"
export default {
  components: {
    titleHaed,
    frame1,
    history1,
    peedingtRefundTable,
    monthTab,

  },
  data() {
    return {
      Crumbs: {
        router: [],
        path: ["系统设置", "账单管理"]
      },
      activeName: "1"
    };
  },
  methods: {

    //   ______________待退款的账单________________
    // 确定
    next(res) {
      console.log(res);
    },
    // 取消
    cancel() {
      console.log(414141);
    },
    // 分页
    peedingCurrentChange(e) {
      console.log(e);
    },
    peedingSizeChange(e) {
      console.log(e);
    },
    // ---待退款账单--
    //查看
    peedingSee() {
      console.log(41);
    }
  }
};
</script>
<style scoped>
@import url("../../../../assets/css/table.css");
@import url("../../../../assets/css/tab.css");
/* tab切换 */
.billBox {
  width: 100%;
}
.bill {
  margin-top: 40px;
}
.bill /deep/ .el-tabs__item {
    height: 50px;
    line-height: 50px;
}
</style>